<script setup lang="ts">

</script>

<template>
  <van-tabs>
    <van-tab title="内容" name="news">
      <van-pull-refresh v-model="state.isRefresh" @refresh="onRefresh">
        <!--  使用宫格组件，实现商品的展示  -->
        <div>
          <!-- 列表内容 -->
          <van-list
              v-model:loading="state.isLoading"
              :finished="state.finished"
              finished-text="没有更多了"
              @load="onLoad"
          >
            <van-grid :border="true" :column-num="1" class="grid">
              <van-grid-item v-for="item in goodsList" :key="item.nid">
                <p style="margin-top: 5px;color: #39a9ed"
                   @click="goNewsDetail(item.nid)">{{item.title}}</p>
                <span style="color: gray;font-size: 12px">{{ item.cdate }}</span>
                <p style="color: orange;margin-top: 2px">{{ item.content }}</p>
              </van-grid-item>
            </van-grid>
          </van-list>
        </div>
      </van-pull-refresh>
    </van-tab>
    <van-tab title="游戏" name="b">
    </van-tab>
    <van-tab title="用户" name="c">
    </van-tab>
  </van-tabs>
</template>

<style scoped>

</style>